@media screen and (max-width:944px) {
    .bigbox {
        width: 944px;
    }
}

.bigbox {
    background-color: #f8f8f8;
}

/* @media screen and (max-width: 1200px) {
        .bigbox {
            width: 1200px;
        }
    } */



.contain {
    position: relative;
    width: 100%;
}

.nav {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    width: 115px;
    height: 74.5px;
    /* visibility: visible */
}

.right {
    display: flex;
    justify-content: space-between;

}

.right_item,
.right_item01,
.right_item02,
.right_item03 {
    margin: auto 10px;
    position: relative;
    color: rgba(51, 51, 51, .8);
}

.search {
    /* height: 40px;
    width: 452px;
    border: 1px solid gray;
    border-radius: 999px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center; */
    background-color: #f8f8f8;
    display: flex;
    border: 1px solid gray;
    border-radius: 999px;
    height: 40px;
    width: 452px;
    justify-content: space-between;
    align-items: center;
}

.search_input {

    font-size: 16px;
    line-height: 120%;
    border: none;
    outline: none;
    background-color: #f8f8f8;
    width: 80%;
    height: 80%;
    margin-left: 10px;



}

.search img {
    width: 20px;
    height: 20px;
    margin-right: 10px;

}

.right_item1,
.right_item2,
.right_item3,
.right_item4 {
    width: 120px;
    display: none;
    position: absolute;

}

.right_item01:hover .right_item1 {
    display: block;
}

.right_item02:hover .right_item2 {
    display: block;
}

.right_item03:hover .right_item3 {
    display: block;
}

.login_page {
    width: 800px;
    height: 400px;
    position: absolute;
    left: 25%;
    top: 25vh;
    background-image: url(https://img-s-msn-com.akamaized.net/tenant/amp/entityid/AA1aYL2e.img?w=768&h=499&m=6&x=378&y=151&s=189&d=189);
}

.login_box {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 99;
    /* background-color: aqua; */
    background: rgba(0, 0, 0, 0.4);
    display: none;

}

.login_info {

    position: absolute;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    background-color: antiquewhite;
    width: 50%;
    height: 100%;

}

.input_btn {
    width: 304px;
    height: 48px;
    background: #f8f8f8;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;

}

.input_btn input {
    font-size: 16px;

}

.login_btn,
.login_btnmin,
.regist_btn {
    background-color: #ff2e4d;
    cursor: pointer
}

.login_btn {
    /* margin-left: -20px; */
    margin: 0 auto;
}

.login_tel input {
    flex: 8;

}

.login_tel,
.regist_tel {
    display: flex;
}

.login_tel span,
.regist_tel span {
    flex: 2;
}

.regist_info {

    /* background-color: #c01212; */
    position: absolute;
    /* right: 0px; */
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    background-color: antiquewhite;
    width: 50%;
    height: 100%;


}

.code_btn,
.tologin,
.toregist {
    cursor: pointer
}

.menu {
    /* background-color: ; */
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    height: 200px;
    font-size: 16px;
    font-weight: 600;
    /* margin-left: 14px; */
    color: #333;
}

.menu_box,
.menu_box2 {
    background-color: white;
    /* display: block; */
    margin-left: -20px;
    margin: 0 auto;
}

.menu_box:hover,
.menu_box2:hover {
    background-color: antiquewhite;
}

.menu_box_headimg {
    width: 30px;
    height: 30px;
    margin: 0 10px;
    border-radius: 15px;
}

.menu_box2 {
    display: none;
    margin-left: -20px;
    margin: 0 auto;
}

.article {
    /* background-color: aqua; */
    width: 75%;
    /* height: 800px; */
}

.content {
    display: flex;

    flex-flow: wrap;

}

.article_box {
    width: 100%;
    height: 100px;
    margin: 10px 10px;
    background-color: #f0f0f0;

}

.article_content {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.title_txt {
    font-size: 18px;
    font-weight: 700;
}

.article_lable ul {
    display: flex;
}

.article_lable ul li {
    margin: 0 10px;
    background-color: #f8f8f8;
    /* background-color: red; */
    border: 1px solid f8f8f8;
    border-radius: 15px;
    width: 58px;
    height: 30px;
    text-align: center;
}

.article_lable ul li:hover {
    background-color: antiquewhite;
}